<!DOCTYPE html>

<html>



	<head>

		<meta charset="UTF-8">

		<title>电视剧详情列表</title>

		<style type="text/css">

			* {

				margin: 0;

				padding: 0;

			}

			#box{

				width: 334px;

				margin: 0 auto;

			}

			#box .head h3 {

				border: 1px gray solid;

				margin:18px 0;		

				background-position: 9px 7px;		

				padding-left: 38px;

				font-size: 12px;

				height: 27px;

				line-height: 27px;

				background-image: url(1.gif);

				background-repeat: no-repeat;

			}

			#box .foot{

				margin-top: 20px;

			}

			#box .foot ul li{

				list-style: none;

				font-size: 14px;

				color: gray;

				line-height: 30px;				

			}

			a{

				text-decoration: none;

				color: gray;				

			}

			a:hover{

				text-decoration: underline;				

			}

			#box .foot ul li p:nth-of-type(1){

				float: left;

			}

			#box .foot ul li p:nth-of-type(2){

				float: right;

			}

			.container .container-img{

				float: left;

			}

			

			.container .container-content h2{

				font-size: 14px;

				text-indent: 1em;

				line-height: 38px;

			}

			.container .container-content p{

				font-size: 12px;

				text-indent: 1em;

				line-height: 30px;

				color: gray;

			}

		</style>

	</head>



	<body>

		<div id="box">

			<div class="head">

				<h3>明星荐片</h3>

			</div>

			<div class="container">

				<div class="container-img">

					<a href="#"><img src="../img/3.gif" alt=""/></a>

				</div>

				<div class="container-content">

					<h2>周秀娜荐片:让子弹飞</h2>

					<p>导演：姜文</p>

					<p>主演：姜文 周润发 葛优</p>

					<p>点评：我最喜欢的要算《让子弹飞》了,超喜欢...<a href="#">[详情]</a></p>					

				</div>

			</div>

			<div class="foot">

				<ul>

					<li>

						<p>

							<a href="#">《巴别塔》：好的故事引人深思</a>

						</p>

						<p>阿朵</p>

					</li>

					<li>

						<p>

							<a href="#">《洛杉矶之战》：外星人那么弱智？</a>

						</p>

						<p>丁子俊</p>

					</li>

					<li>

						<p>

							<a href="#">《让子弹飞》：武侠里也可以有爱情</a>

						</p>

						<p>周秀娜</p>

					</li>

					<li>

						<p>

							<a href="#">《剑雨》：好的故事引人深思</a>

						</p>

						<p>叶年生</p>

					</li>

					<li>

						<p>

							<a href="#">《春风沉醉的夜晚》：非常真实</a>

						</p>

						<p>如小果</p>

					</li>

					<li>

						<p>

							<a href="#">《克洛伊》：故事简单却细致</a>

						</p>

						<p>刘若英</p>

					</li>

				</ul>

			</div>

		</div>

	</body>



</html>

